<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="keywords" content="微信砍价,微信集赞,微信抢钱,微信超级加油,商家岛,客牛官网,微信招生神器,客牛微传,商家神器,商家岛,砍价平台,微信砍价,微信拼团,微信加油活动">
    <meta name="description"
          content="客牛微传,由微信用户群,区域化,社区化,从众话特点,专而推出了一系列用于商家如教育培训,家装设计,运动健身等等生活直接高密度消费行业的活动方式,精准吸纳本地客户.客牛,作为微信活动专业平台,将立足于微信,继续打造    活动第一品牌.">
    <title>客牛活动模板分类列表</title>
    <!-- 动态rem解决方案 -->
    <script>
      var width = document.documentElement.clientWidth;
      var scale = width / 375;
      var css = 'html{font-size:' +
        37.5 * scale +
        'px;}';
      document.write('<style>' + css + '</style>')
    </script>
        <script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.js"></script>
</head>

<body>
<div id="app" v-cloak>
    <div class="container">
        <div class="header_nav">
            <ul>
                <li v-for="(item,index) in AllKinds" :class="{ 'select_nav': index == Navcurrent }"
                    v-bind:data-kind="item.KindName" :id="item.KindName">
                    <p>{{item.Name}}</p>
                </li>
            </ul>
        </div>
        <main>
            <div class="all_activity">

                <ul>
                    <li v-for="(item,index) in AllTemp" v-bind:data-kind="item.Kind">
                        <div class="activity_msg">
                            <div class="activity_img">
                                <img :src="item.Icon" alt="">
                                <div v-if="item.Kind == 'spcail'">推荐</div>
                            </div>
                            <div class="activity_content">
                                <p class="activity_title">{{item.Title}}</p>
                                <p class="title_des">{{item.Desc}}
                                    <span></span>
                                </p>
                                <div>
                                    <ul>
                                        <li>
                                            <a href="javascript:;" v-bind:data="item.SmallKind"
                                               v-on:click="getUrl(item.Href)">马上制作</a>
                                        </li>
                                        <li>
                                            <a :href="item.DetailHref">查看示例</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </main>
        <!-- 尾部 nav -->
        <footer>
            <ul>
                <li class="logo_color">
                    <a href="./user_center.html">
                        <img src="../../img/user_page/user_act/tabbar_icon_logo_default@2x.png" alt="">
                        <p>客牛</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="../../img/user_page/user_act/tabbar_icon_edit_selected@2x.png" alt="">
                        <p class="nowSelect">创建活动</p>
                    </a>
                </li>
                <li>
                    <a href="./user_act.html">
                        <img src="../../img/user_page/user_act/tabbar_icon_activity_default2x.png" alt="">
                        <p>我的活动</p>
                    </a>
                </li>
                <li>
                    <a href="tel:0571-88613816">
                        <img src="../../img/user_page/user_act/tabbar_icon_contact_default@2x.png" alt="">
                        <p>联系客服</p>
                    </a>
                </li>
            </ul>
        </footer>
    </div>
    <form id='myform' class='myform' action='' method="post" style='display:none;'>
        <input type="hidden" name='url' id='url' value=''>
    </form>


    <div class="mask">
        <div class="pop-example">
            <header>请选择查看活动</header>
            <div class="content">
                <ul>
                    <li v-for="(item,index) in TempExample">
                        <a :href="item.href">
                            <div>{{item.Title}}</div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

</body>

</html>